<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>创建群聊</title>
    <link rel="stylesheet" href="/system/layui/src/css/layui.css" media="all" />
    <link rel="stylesheet" href="/system/css/public.css" media="all" />
</head>
<body class="childrenBody">
<form class="layui-form layui-row" action="javascript:;">
    <div class="layui-form-item layui-row layui-col-xs12">
        <label class="layui-form-label">群聊名称</label>
        <div class="layui-input-block">
            <input name="groupName" id="groupName" type="text" class="layui-input" lay-verify="required" placeholder="请输入群聊名">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">邀请好友</label>
        <div class="layui-input-block userHobby" th:each="user : ${list}" >
            <input  type="checkbox" th:value="${user.id}" name="userId" th:title="${user.userName}">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit="" lay-filter="addGroup">立即创建</button>
        </div>
    </div>
</form>
<script type="text/javascript" src="/system/layui/src/layui.js"></script>
<script type="text/javascript" src="/security/sysGroup/addGroup.js"></script>
<script type="text/javascript" src="/system/js/cacheUserInfo.js"></script>
</body>
</html>